<template>
  <div class="top">
    <headIndex :hindex="num" @getCat="valueChange" />

    <!---第一--->
    <div class="first">
      <div class="first_cont">
        <el-carousel height="90px" direction="vertical" :autoplay="true">
          <el-carousel-item v-for="(item,index) in wordList" :key="index">
            <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank">
              <h1>{{item.infotitle}}</h1>
              <!-- <div class="zy">{{item.summary}}</div> -->
            </a> 
            <a v-else :href="'/article?id=' + item.infoid" target="_blank">
              <h1>{{item.infotitle}}</h1>
              <!-- <div class="zy">{{item.summary}}</div> -->
            </a> 
          </el-carousel-item>
        </el-carousel>         
      </div>
      <!----图片通栏---->
      <div class="tupian_tonglan">
        <el-carousel height="110px">
          <el-carousel-item v-for="(item,index) in tupianList" :key="index">
            <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank">
              <div><img :src="item.picurl" /></div>
            </a> 
            <a v-else :href="item.returnurl" target="_blank">
              <div><img :src="item.picurl" /></div>
            </a> 
          </el-carousel-item>
        </el-carousel>
      </div>
    </div>

       <!---图片新闻、医院动态--->
   <div class="tpxw">
     <div class="tpxw_center">
        <div class="main_cer clearfix">
          <!----视频、图片新闻----->
          <div class="vedio_news fl">
            <div class="title">
              <ul class="clearfix">
                <li :class="[status==0 ? 'on' : '']" @mouseenter="choice(0)" @click="goVedio(0)">图片新闻</li>                
                <li>/</li>
                <li :class="[status==1 ? 'on' : '']" @mouseenter="choice(1)" @click="goVedio(1)">视频新闻</li>
              </ul>
            </div>
            <!---视频--->
           <div class="vedio_cont" v-if="status==1">
              <div class="vedio_cont_c" v-for="item in flimlist">
                <a :href="'/article?id=' + item.infoid" target="_blank">
                  <div class="vedio_cont_c_img"><img :src="item.picurl" ></div>
                  <div class="vedio_cont_c_bt flex flex-align-center flex-pack-center">
                    <div class="time">
                        <p>{{item.addtime.slice(8,10)}}</p>
                        <p>{{item.addtime.slice(0,7)}}</p>
                    </div>
                    <div class="txt">{{item.infotitle}}</div>
                    <div class="jt"></div>
                  </div>
                  <div class="bg"></div>
                </a>                  
              </div>
           </div>
           <!---图片--->
           <div class="lunbo" v-if="status==0">
              <el-carousel height="400px" arrow="always">
                <el-carousel-item v-for="(item, index) in photo_news" :key="index">
                    <div class="lunbo_img">
                      <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank">
                        <img :src="item.picurl" />
                        <p>{{item.infotitle}}</p>
                      </a>
                      <a v-else :href="'/article?id=' + item.infoid" target="_blank">
                        <img :src="item.picurl" />
                        <p>{{item.infotitle}}</p>
                      </a>
                    </div>
                </el-carousel-item>
              </el-carousel>
            </div>
          </div>

          <!----医院动态、医教研讯----->
          <div class="yydt_news fr">
            <div class="title">
              <ul>
                <li :class="[statusTz==0 ? 'on' : '']" @mouseenter="choiceTz(0)" @click="goDongtai(0)">医院动态</li>
                <li>/</li>
                <li :class="[statusTz==1 ? 'on' : '']" @mouseenter="choiceTz(1)" @click="goDongtai(1)">医教研讯</li>
              </ul>
            </div>
            <div class="new" v-if="statusTz==0">
              <a v-if="yydt_detail.returnurl && yydt_detail.returnurl != ''" :href="yydt_detail.returnurl" target="_blank">
                <div class="time">
                   <p>{{yydt_detail_date}}</p>
                   <p>{{yydt_detail_year}}</p>
                </div>
                <div class="new_title">
                    <div class="tit">{{yydt_detail.infotitle}}</div>
                    <div class="wz wb3">{{yydt_detail.summary}}</div>
                </div>
              </a> 
              <a v-else :href="'/article?id=' + yydt_detail.infoid" target="_blank">
                <div class="time">
                   <p>{{yydt_detail_date}}</p>
                   <p>{{yydt_detail_year}}</p>
                </div>
                <div class="new_title">
                    <div class="tit">{{yydt_detail.infotitle}}</div>
                    <div class="wz wb3">{{yydt_detail.summary}}</div>
                </div>
              </a>              
            </div>
            <ul v-if="statusTz==0">
              <li v-for="item in yydt_list">
                <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                  <i class="iconfont icon-xiangyou"></i>
                  <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                  <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                  <div class="rq" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.addtime}}</div>
                  <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                  <div class="rq" v-if="item.shifoujiacu != '1'">{{item.addtime}}</div>
                </a>
                <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                  <i class="iconfont icon-xiangyou"></i>
                  <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                  <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                  <div class="rq" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.addtime}}</div>
                  <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                  <div class="rq" v-if="item.shifoujiacu != '1'">{{item.addtime}}</div>
                </a>
              </li>
            </ul>
            <ul v-if="statusTz==1">
              <li v-for="item in teachlist">
                <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                  <i class="iconfont icon-xiangyou"></i>
                  <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                  <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                  <div class="rq" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.addtime}}</div>
                  <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                  <div class="rq" v-if="item.shifoujiacu != '1'">{{item.addtime}}</div>
                </a>
                <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                  <i class="iconfont icon-xiangyou"></i>
                  <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                  <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                  <div class="rq" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.addtime}}</div>
                  <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                  <div class="rq" v-if="item.shifoujiacu != '1'">{{item.addtime}}</div>
                </a>
              </li>
            </ul>
          </div>

        </div>
     </div>
   </div>

   
   <!-----医教研讯息、领导讲话、通知公告/公示、军内要闻/时政论坛、媒体看东总、基层风采----->
   <div class="grassroots">
      <div class="main_cer">
           <div class="teach clearfix">
            <!-----通知公告----->
            <div class="tx fl">
                <div class="title">通知公告</div>
                <ul>
                  <li v-for="item in noticeList">
                    <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
                <div class="more"><a :href="'/list?catid=' + gsId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
              </div>
             <!-----领导讲话----->
             <div class="yan fl">
                <div class="title">领导讲话</div>
                <ul>
                  <li v-for="item in talklist">
                    <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
                <div class="more"><a :href="'/list?catid=' + talkId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
              </div>
            <!-----医教研信息----->
              <!-- <div class="yan fl">
                <div class="title">医教研讯</div>
                <ul>
                  <li v-for="item in teachlist">
                    <a :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <div class="txt">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
                <div class="more"><a :href="'/list?catid=' + teachId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
              </div> -->
              
              <!-----精武强能----->
              <div class="yan fl">
                <div class="title">精武强能</div>
                <ul>
                  <li v-for="item in jwqn_list">
                    <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
                <div class="more"><a :href="'/list?catid=' + jwqnId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
              </div>
           </div>


          <div class="jnyw clearfix">
            <!-----军内要闻/时政论坛----->
            <div class="forum fl">
              <div class="title">
                <ul class="clearfix">
                    <li :class="[status2==0 ? 'on' : '']" @mouseenter="choice2(0)" @click="goJunNews(0)">军内要闻</li>
                    <li>/</li>
                    <li :class="[status2==1 ? 'on' : '']" @mouseenter="choice2(1)" @click="goJunNews(1)">时政论坛</li>
                </ul>
              </div>
              <div v-if="status2==0" class="cont_list">
                <ul>
                  <li v-for="item in amyList">
                    <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
                <!-- <div class="more"><a :href="'/list?catid=' + amyId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div> -->
              </div>
              <div v-if="status2==1" class="cont_list">
                <ul>
                  <li v-for="item in policyList">
                    <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
                <!-- <div class="more"><a :href="'/list?catid=' + policyId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div> -->
              </div>
              
            </div>

            <!-----媒体看东总----->
            <div class="forum fl">
              <div class="title2">媒体看东总</div>
              <div class="title3">
                <ul class="clearfix">
                    <li v-for="(item, index) in trainnav_list" 
                    :key="index"
                    :class="[status3==index ? 'on' : '']" @mouseenter="choice3(index,item.id)" @click="goLookZong(index)">{{item.label}}</li>
                </ul>
              </div>
              <div v-if="status3==0" class="cont_list">
                <ul>
                  <li v-for="item in centerList">
                    <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
                <!-- <div class="more"><a :href="'/list?catid=' + centerId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div> -->
              </div>
              <div v-if="status3==1" class="cont_list">
                <ul>
                  <li v-for="item in junduiList">
                    <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
                <!-- <div class="more"><a :href="'/list?catid=' + junduiId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div> -->
              </div>
              <div v-if="status3==2" class="cont_list">
                <ul>
                  <li v-for="item in proviceList">
                    <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
                <!-- <div class="more"><a :href="'/list?catid=' + proviceId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div> -->
              </div>

            </div>

            <!-----基层风采----->
            <div class="forum fl">
              <div class="title2">基层风采</div>
              <div class="cont_list">
                <ul>
                  <li v-for="item in basciList">
                    <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                  </li>
                </ul>
              </div>
              <div class="more"><a :href="'/list?catid=' + basciId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
            </div>

          </div> 
      </div>
   </div>

      <!-----东总周会、党课集萃、优秀课件----->
      <div class="weekly main_cer clearfix">
      <!----东总周会---->
      <div class="collection fl">
        <div class="title">东总周会</div>
        <ul>
          <li v-for="item in dzzh_list">
            <a class="flex flex-align-center">
              <i class="iconfont icon-xiangyou"></i>
              <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
              <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
              <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
            </a>
            <!-- <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
              <i class="iconfont icon-xiangyou"></i>
              <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
              <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
              <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
            </a>
            <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
              <i class="iconfont icon-xiangyou"></i>
              <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
              <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
              <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
            </a> -->
          </li>
        </ul>
        <div class="more">
          <a>查看更多<i class="iconfont icon-xiangyoujiantou"></i></a>
          <!-- <a :href="'/list?catid=' + weekId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a> -->
        </div>
      </div>
      <!----党课集萃---->
      <div class="collection fl">
        <div class="title">党课集萃</div>
        <ul>
          <li v-for="item in tkjc_list">
            <a class="flex flex-align-center">
              <i class="iconfont icon-xiangyou"></i>
              <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
              <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
              <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
            </a>
            <!-- <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
              <i class="iconfont icon-xiangyou"></i>
              <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
              <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
              <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
            </a>
            <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
              <i class="iconfont icon-xiangyou"></i>
              <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
              <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
              <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
            </a> -->
          </li>
        </ul>
        <div class="more">
          <a>查看更多<i class="iconfont icon-xiangyoujiantou"></i></a>
          <!-- <a :href="'/list?catid=' + classId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a> -->
        </div>
      </div>

       <!-----心得驿站----->
      <div class="learning fr">
        <div class="title">心得驿站</div>
        <div class="gzap_tx">
          <a v-if="heartDetail.returnurl && heartDetail.returnurl != ''" :href="heartDetail.returnurl" target="_blank" class="flex">
            <div class="img"><img src="../../assets/img/home1.jpg"></div>
            <div class="wz">
              <div class="h1">{{heartDetail.infotitle}}</div>
              <div class="bor"></div>
              <div class="h2 wb3">{{heartDetail.summary}}</div>
            </div>
          </a>
          <a v-else :href="'/article?id=' + heartDetail.infoid" target="_blank" class="flex">
            <div class="img"><img src="../../assets/img/home1.jpg"></div>
            <div class="wz">
              <div class="h1">{{heartDetail.infotitle}}</div>
              <div class="bor"></div>
              <div class="h2 wb3">{{heartDetail.summary}}</div>
            </div>
          </a>
          
        </div>
        <ul>
          <li v-for="item in heartList">
            <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
              <i class="iconfont icon-xiangyou"></i>
              <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
              <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
              <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
            </a>
            <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
              <i class="iconfont icon-xiangyou"></i>
              <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
              <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
              <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
            </a>
          </li>
        </ul>
        <div class="more"><a :href="'/list?catid=' + heartId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
      </div>
      
   </div>


      <!-----工作安排、政策法规/安全视窗、院长政委信息、东总融媒体----->
      <div class="work">
      <div class="main_cer arrange clearfix" >
        <!-----通知公告/公示----->
        <div class="notice fl">
            <div class="bt flex flex-align-center flex-pack-justify ">
              <ul class="clearfix">
                <!-- <li :class="[status1==0 ? 'on' : '']" @mouseenter="choice1(0)" @click="goNote(0)">通知公告</li>
                <li>/</li> -->
                <!-- <li :class="[status1==1 ? 'on' : '']" @mouseenter="choice1(1)" @click="goNote(1)">公示</li> -->
                <li @click="goNote()">公示</li>
              </ul>
              <!-- <div class="more"><a :href="'/list?catid=' + gsId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div> -->
            </div>
            <!-- <div v-if="status1 == 0" class="nr">
              <ul>
                <li v-for="item in noticeList">
                  <a :href="'/article?id=' + item.infoid" target="_blank"  class="flex flex-align-center">
                    <i class="iconfont icon-xiangyou"></i>
                    <div class="txt">{{item.infotitle}}</div>
                  </a>
                </li>
              </ul>
            </div> -->
            <div class="nr">
              <ul>
                <li v-for="item in gongshiList">
                  <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank"  class="flex flex-align-center">
                    <i class="iconfont icon-xiangyou"></i>
                    <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                    <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                    <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                  </a>
                  <a v-else :href="'/article?id=' + item.infoid" target="_blank"  class="flex flex-align-center">
                    <i class="iconfont icon-xiangyou"></i>
                    <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                    <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                    <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                  </a>
                </li>
              </ul>
            </div>
        </div>
        <!----基层服务公示栏----->
        <div class="gzap fl">
            <div class="title">基层服务公示栏</div>
            <div class="gzap_tx flex flex-align-center" style="min-height:98px">
              <a v-if="servedetail.returnurl && servedetail.returnurl != ''" :href="servedetail.returnurl" target="_blank" class="flex flex-align-center">
                <div class="img"><img src="../../assets/img/home2.png"></div>
                <div class="wz">
                  <div class="h1">{{servedetail.infotitle}}</div>
                  <div class="bor"></div>
                  <div class="h2 wb2">{{servedetail.summary}}</div>
                </div>
              </a> 
              <a v-else :href="'/article?id=' + servedetail.infoid" target="_blank" class="flex flex-align-center">
                <div class="img"><img src="../../assets/img/home2.png"></div>
                <div class="wz">
                  <div class="h1">{{servedetail.infotitle}}</div>
                  <div class="bor"></div>
                  <div class="h2 wb2">{{servedetail.summary}}</div>
                </div>
              </a>              
            </div>
            <ul style="min-height:212px">
              <li v-for="item in serveList">
                <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                  <i class="iconfont icon-xiangyou"></i>
                  <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                  <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                  <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                </a>
                <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                  <i class="iconfont icon-xiangyou"></i>
                  <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                  <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                  <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                </a>
              </li>
            </ul>
            <div class="more"><a :href="'/list?catid=' + serveId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
        </div>
        <!-- <div class="gzap fl">
            <div class="title">工作安排</div>
            <div class="gzap_tx flex flex-align-center">
              <a :href="'/article?id=' + workdetail.infoid" class="flex flex-align-center">
                <div class="img"><img :src="workdetail.picurl"></div>
                <div class="wz">
                  <div class="h1">{{workdetail.infotitle}}</div>
                  <div class="bor"></div>
                  <div class="h2 wb2">{{workdetail.summary}}</div>
                </div>
              </a>              
            </div>
            <ul>
              <li v-for="item in workList">
                <a :href="'/article?id=' + item.infoid" class="flex flex-align-center">
                  <i class="iconfont icon-xiangyou"></i>
                  <div class="txt">{{item.infotitle}}</div>
                </a>
              </li>
            </ul>
            <div class="more"><a :href="'/list?catid=' + workId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
        </div> -->
        <!----政策法规/安全视窗、院长政委信息----->
        <div class="policy fl">
            <div class="safe">
              <div class="title">
                <ul class="clearfix">
                  <li :class="[status4==0 ? 'on' : '']" @mouseenter="choice4(0)">政策法规</li> <!---@click="goSafe(0)"---->
                  <li>/</li>
                  <li :class="[status4==1 ? 'on' : '']" @mouseenter="choice4(1)">安全视窗</li><!---@click="goSafe(1)"---->
                </ul>
              </div>
              <div class="zc_aq" v-if="status4==0">
                <ul>
                  <li v-for="item in layerList">
                    <a class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <!-- <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a> -->
                  </li>
                </ul>
                <!-- <div class="more"><a :href="'/list?catid=' + layerId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div> -->
              </div>
              <div class="zc_aq" v-if="status4==1">
                <ul>
                  <li v-for="item in safeList">
                    <a class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <!-- <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a>
                    <a v-else :href="'/article?id=' + item.infoid" target="_blank" class="flex flex-align-center">
                      <i class="iconfont icon-xiangyou"></i>
                      <img v-if="item.shifoujiaxin == '1'" style="margin-right:10px;" src="../../assets/img/new.gif"/>
                      <div class="txt" v-if="item.shifoujiacu == '1'" style="font-weight:bold;">{{item.infotitle}}</div>
                      <div class="txt" v-if="item.shifoujiacu != '1'">{{item.infotitle}}</div>
                    </a> -->
                  </li>
                </ul>
                <!-- <div class="more"><a :href="'/list?catid=' + safeId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div> -->
              </div>
            </div>
            <!-- <div class="email"><a href="#"><img src="../../assets/img/index5_11.png"></a></div> -->
        </div>
        

      </div>
   </div>
  
<!-----表扬激励、心得驿站----->
<div class="praise clearfix">
    <div class="email fl">
      <a :href='leftUrl + "/newguestbook/ask"' target="_blank">
        <img src="../../assets/img/email.png">
      </a>    
    </div>
    
    <!-----表扬激励----->
    <div style="background:#efeeee;border:1px solid #dfdddd;border-radius:8px; width:900px;padding-right:60px;" class="fl clearfix"> 
            <div class="motivate fl">
                <div class="bt flex" style="border-bottom:3px solid #c0000d;margin-bottom:40px;">
                  <div class="title">表扬激励</div>
                  <div class="more"><a :href="'/list?catid=' + prodId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
                </div>
                <div class="card-carousel-wrapper">
                  <div class="card-carousel--nav__left" @click="moveCarousel(-1)" :disabled="atHeadOfList"></div>
                  <div class="card-carousel">
                    <div class="card-carousel--overflow-container">
                      <div class="card-carousel-cards" :style="{ transform: 'translateX' + '(' + currentOffset + 'px' + ')'}">

                        <div class="card-carousel--card" v-for="item in prodList">
                          <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank">
                            <div class="img"><img :src="item.picurl"></div>
                            <div class="txt">{{item.infotitle}}</div>
                          </a>
                          <a v-else :href="'/article?id=' + item.infoid" target="_blank">
                            <div class="img"><img :src="item.picurl"></div>
                            <div class="txt">{{item.infotitle}}</div>
                          </a>
                        </div>

                      </div>
                    </div>
                  </div>
                  <div class="card-carousel--nav__right" @click="moveCarousel(1)" :disabled="atEndOfList"></div>
                </div>
            </div>

            <!----东总融媒体----->
            <div class="medium fr">
              <div class="title">东总融媒体</div>
              <div class="flex">
                <div>
                  <div class="wx">
                    <img src="../../assets/img/index5_12.png">
                    <p>东部战区总医院</br>公众号</p>
                  </div>
                  <div class="wx">
                    <img src="../../assets/img/index5_13.png">
                    <p>东部战区总医院</br>订阅号</p>
                  </div>
                </div>
                <div class="dy"><img src="../../assets/img/dy.png"></div>
              </div>
            </div>
    </div>

   </div>

   <!-----专题区----->
   <div class="subject">
      <div class="subject_bg">
        <div class="title"><img src="../../assets/img/index5_19b.png"></div>
        <ul class="flex flex-space-around">
          <li @click="goNever">
            <a>
              <div class="img"><img src="../../assets/img/index5_19.png"></div>
              <div class="text">考核共享平台</div>
            </a>
          </li>
          <li>
            <!-- <a> -->
            <a href="http://10.7.100.124/position/#/chat" target="_blank">
              <div class="img"><img src="../../assets/img/index5_20.png"></div>
              <div class="text">AI诊疗</div>
            </a>
          </li>
          <li>
            <a :href="leftUrl + '/department/hltd/index'">
              <div class="img"><img src="../../assets/img/index5_21a.png"></div>
              <div class="text">护理天地</div>
            </a>
          </li>
          <li @click="goNever">
            <a>
              <div class="img"><img src="../../assets/img/index5_21.png"></div>
              <div class="text">法律在线</div>
            </a>
          </li>
        </ul>
        <ul  class="flex flex-space-around">
          <li>
            <a :href="'/listTwo?catid=' + ypzldt_id  + '&name=' + '质量药品动态'" target="_blank">
              <div class="img"><img src="../../assets/img/index5_28.png"></div>
              <div class="text">质量药品动态</div>
            </a>
          </li>
          <li>
            <!-- <a> -->
            <a href="http://192.168.9.250/baoxiu/login" target="_blank">
              <div class="img"><img src="../../assets/img/index5_26.png"></div>
              <div class="text">报修平台</div>
            </a>
          </li>
          <li>
            <!-- http://192.168.8.10/webpage/index1.jsp -->
            <a href="/medical" target="_blank">
              <div class="img"><img src="../../assets/img/ai_5.png"></div>
              <div class="text">医学信息网</div>
            </a>
          </li>
          <li>
            <a :href="'/listTwo?catid=' + grgl_id + '&name=' + '感染管理'" target="_blank">
              <div class="img"><img src="../../assets/img/index5_27.png"></div>
              <div class="text">感染管理</div>
            </a>
          </li>
          
        </ul>
      </div>
   </div>

   <!-----影视专栏----->
   <div class="film">
      <div class="main_cer">
        <div class="title"><img src="../../assets/img/index5_23a.png"></div>
        <div class="more"><a :href="'/list?catid=' + vedioId" target="_blank">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></div>
        <div class="flim_list clearfix">
          <div class="flim_left fl">
            <a v-if="vedioDetail.returnurl && vedioDetail.returnurl != ''" :href="vedioDetail.returnurl" target="_blank">
              <img :src="vedioDetail.picurl">
              <i class="iconfont icon-bofang"></i>
            </a> 
            <a v-else :href="'/article?id=' + vedioDetail.infoid" target="_blank">
              <img :src="vedioDetail.picurl">
              <i class="iconfont icon-bofang"></i>
            </a> 
          </div>
          <ul class="clearfix fr">
            <li v-for="item in vedioList">
              <a v-if="item.returnurl && item.returnurl != ''" :href="item.returnurl" target="_blank"><img :src="item.picurl"></a>
              <a v-else :href="'/article?id=' + item.infoid" target="_blank"><img :src="item.picurl"></a>
            </li>
          </ul>
        </div>
      </div>
   </div>

   <!-----用稿统计----->

   <!-----基层组织风采----->
   <div class="basci">
     <div class="title">基层组织</div>
     <ul class="clearfix">
        <li>
          <a href="#">第一党总支</a>
        </li>
        <li>
          <a href="#">第二党总支</a>
        </li>
        <li>
          <a href="#">第三党总支</a>
        </li>
        <li>
          <a href="#">第四党总支</a>
        </li>
        <li>
          <a href="#">第五党总支</a>
        </li>
        <li>
          <a href="#">第六党总支</a>
        </li>
        <li>
          <a href="#">第七党总支</a>
        </li>
        <li>
          <a href="#">第八党总支</a>
        </li>
        <li>
          <a href="#">第九党总支</a>
        </li>
        <li>
          <a href="#">职能科室党总支</a>
        </li>
        <li>
          <a href="#">秦淮医疗区党委</a>
        </li>
        <li>
          <a href="#">卫勤训练中心党委</a>
        </li>
        <li>
          <a href="#">医疗保障中心党委</a>
        </li>
        <li>
          <a href="#">普通外科党支部</a>
        </li>
        <li>
          <a href="#">肾脏病科党支部</a>
        </li>
     </ul>
   </div>



   <!-----左侧漂浮----->
   <div class="left_pf">
    <ul>
      <li v-if="istc_6">
        <a :href='tanchuangUrl +"/article?id=44b1e6ce-3a1b-4967-9871-aeec5c418f44"' target="_blank">
          <div class="img"><img src="../../assets/img/tangchuang6.png" /></div>
        </a>   
          <div class="close" @click="closeTc('6')"><img src="../../assets/img/close.png" /></div>
               
      </li>
      <li v-if="istc_1">
        <a :href='leftUrl +"/department/ztjy2023/index"' target="_blank">
          <div class="img"><img src="../../assets/img/tanchuang1.jpg" /></div>
        </a>   
          <div class="close" @click="closeTc('1')"><img src="../../assets/img/close.png" /></div>
               
      </li>
      <li v-if="istc_2">
        <a :href='leftUrl + "/department/ershidajingshen/index"' target="_blank">
          <div class="img"><img src="../../assets/img/tanchuang2.png" /></div>
        </a>  
          <div class="close" @click="closeTc('2')"><img src="../../assets/img/close.png" /></div>
        
      </li>
      <li v-if="istc_3">
        <!-- <a> -->
        <a href="http://10.7.100.124:8085/" target="_blank">
          <div class="img"><img src="../../assets/img/tanchuang3.png" /></div>
        </a>  
          <div class="close" @click="closeTc('3')"><img src="../../assets/img/close.png" /></div>
        
      </li>
      <li v-if="istc_4">
        <a :href='leftUrl + "/newguestbook/ask"' target="_blank">
          <div class="img"><img src="../../assets/img/tanchuang4.jpg" /></div>
        </a>  
          <div class="close" @click="closeTc('4')"><img src="../../assets/img/close.png" /></div>
        
      </li>
      <li v-if="istc_5">
        <a :href='leftUrl + "/homepage/showinfo?infoid=f00820f8-0d56-422e-a02a-e8b936e09eaa"' target="_blank">
          <div class="img"><img src="../../assets/img/tanchuang5.jpg" /></div>
        </a>  
          <div class="close" @click="closeTc('5')"><img src="../../assets/img/close.png" /></div>
        
      </li>
    </ul>
   </div>



    <footIndex />
  </div>
</template>

<script setup name="index">
import vueSeamlessScroll from 'vue-seamless-scroll'
import headIndex from "./components/headIndex/index.vue";
import footIndex from "./components/footIndex/index.vue";
import newImg from "@/assets/img/new.gif"
import { listpassInfo } from "@/api/yxzx/info";
export default {
  components: {
    headIndex,
    footIndex,
    vueSeamlessScroll
  },
  data() {
    return {
      leftUrl: 'http://192.168.9.250', //政工网
      // leftUrl: 'http://26.19.192.90', // jun网
      // leftUrl: 'http://192.168.2.250', // HOA
      tanchuangUrl: 'http://192.168.8.244', //政工网
      // tanchuangUrl: 'http://26.19.192.90:8091', //jun网
      // tanchuangUrl: 'http://192.168.2.250:8666', //HOA网
      wordList: [],// 文字通栏
      lunbo_new: [], // 轮播图
      nav_list: [
        { key: 0, label: `视频新闻`, id: "" },
        { key: 1, label: `图片新闻`, id: "" },
      ],
      trainnav_list: [
        { key: 0, label: `中央`, id: "" },
        { key: 1, label: `军队`, id: "" },
        { key: 2, label: `省市`, id: "" },
      ],
      status: 0,
      status1: 0,
      status2: 0,
      status3: 0,
      status4: 0,
      statusTz: 0,
      fId: '',
      tId: '',
      listData: [1, 2, 3, 4, 5, 6],
      classOption: {
        limitMoveNum: 1,
        switchSingleStep: 140,
        direction: 2,
        autoPlay:false,
        navigation:true
      },
      currentOffset: 0,
      windowSize: 4,
      paginationFactor: 170,
      items: [
        {name: 'Tycoon Thai', tag: "Thai"},
        {name: 'Ippudo', tag: "Japanese"},
        {name: 'Milano', tag: "Pizza"},
        {name: 'Tsing Tao', tag: "Chinese"},
        {name: 'Frances', tag: "French"},
        {name: 'Burma Superstar', tag: "Burmese"},
        {name: 'Salt and Straw', tag: "Ice cream"},
      ],
      flimlist: [],
      yydt_list: [],
      yydt_detail: {},
      yydt_detail_year: {},
      yydt_detail_date: {},
      photo_news: [],
      lunbo_time: 3000,
      gundong_time:3000,
      talklist: [],
      talkId: '',
      teachlist: [],
      teachId: '',
      gsId: '',
      noticeList: [],
      gongshiList: [],
      amyList: [],
      amyId:'',
      policyList:[],
      policyId:'',
      centerList: [],
      centerId: '',
      junduiList: [],
      junduiId: '',
      proviceList: [],
      proviceId: '',
      basciList: [],
      basciId: '',
      workList:[],
      workId: '',
      workdetail:{},
      layerList: [],
      layerId:'',
      safeList: [],
      safeId: '',
      prodList: [],
      prodId: '',
      heartList: [],
      heartId: '',
      heartDetail: {},
      vedioList: [],
      vedioId: '',
      vedioDetail:{},
      partmentList:[],
      tupianList: [],
      num: 0,
      dzzh_list:[],
      tkjc_list:[],
      jwqn_list:[],
      jwqnId:'',
      servedetail:{},
      serveList:[],
      serveId: '',
      istc_1: true,
      istc_2: true,
      istc_3: true,
      istc_4: true,
      istc_5: true,
      istc_6: true,
      tpnews_id: '',
      spnews_id: '',
      junnews_id: '',
      threeId: '',
      safe_id: '',
      dongTai_id: '',
      grgl_id: '',
      ypzldt_id: '',
      weekId: '',
      classId: '',
    };
  },
  computed: {
    atEndOfList() {
      return this.currentOffset <= (this.paginationFactor * -1) * (this.items.length - this.windowSize);
    },
    atHeadOfList() {
      return this.currentOffset === 0;
    },
  },
  created() {

  },
  methods: {
    //政策法规、安全视窗切换
    goSafe(val){
      let routeUrl = this.$router.resolve({
        path:'/list',
        query:{catid:this.safe_id}
      })  
      window.open(routeUrl.href, ' blank');
    },
    //图片新闻、视频新闻切换
    goVedio(val){
      let gid = ''
      if(val == 1){
        gid = this.spnews_id
      } else if (val == 0){
        gid = this.tpnews_id
      }
      let routeUrl = this.$router.resolve({
        path:'/list',
        query:{catid:gid}
      })  
      window.open(routeUrl.href, ' blank');
    },
    //军类要闻、时政论坛切换
    goJunNews(val){
      let routeUrl = this.$router.resolve({
        path:'/list',
        query:{catid:this.junnews_id}
      })  
      window.open(routeUrl.href, ' blank');
    },
    //媒体看东总三个栏目切换（中央、军队、省市）
    goLookZong(val){
      let routeUrl = this.$router.resolve({
        path:'/list',
        query:{catid:this.threeId}
      })  
      window.open(routeUrl.href, ' blank');
    },
    closeTc(val){
      if(val=='1'){
        this.istc_1 = false
      } else if (val=='2'){
        this.istc_2 = false
      } else if (val=='3'){
        this.istc_3 = false
      } else if (val=='4'){
        this.istc_4 = false
      } else if (val=='5'){
        this.istc_5 = false
      } else if (val=='6'){
        this.istc_6 = false
      }

    },
    valueChange(val) {
      val.map((item) => {
         if (item.categoryname == '文字通栏') {
           listpassInfo(item.categoryid, "", 1, 1).then((response) => {
             this.wordList = response.InfoList;
           });
         } else if(item.categoryname == '视频新闻'){ 
          this.spnews_id = item.categoryid
          listpassInfo(item.categoryid, "", 1, 1).then((response) => {
            this.flimlist = response.InfoList;
          });
        } else if(item.categoryname == '图片通栏'){ 
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.tupianList = response.InfoList;
          });
        } else if(item.categoryname == '图片新闻'){
          this.tpnews_id = item.categoryid
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.photo_news = response.InfoList;
          });  
        } else if(item.categoryname == '医院动态'){         
          listpassInfo(item.categoryid, "", 1, 7).then((response) => {
            this.yydt_detail = response.InfoList[0]
            this.yydt_detail_year = response.InfoList[0].addtime.slice(0,7)
            this.yydt_detail_date = response.InfoList[0].addtime.slice(8,10)
            this.yydt_list = response.InfoList.slice(1,7);
          });  
        } else if(item.categoryname == '领导讲话'){
          this.talkId = item.categoryid
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.talklist = response.InfoList;
          });
        } else if(item.categoryname == '医教研讯'){
          this.teachId = item.categoryid
          listpassInfo(item.categoryid, "", 1, 10).then((response) => {
            this.teachlist = response.InfoList;
          });         
        } else if(item.categoryname == '通知公告'){ 
          this.gsId = item.categoryid        
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.noticeList = response.InfoList;
          });
        } else if(item.categoryname == '公示'){          
          listpassInfo(item.categoryid, "", 1, 10).then((response) => {
            this.gongshiList = response.InfoList;
          });  
        } else if(item.categoryname == '军内要闻'){  
          this.amyId = item.categoryid       
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.amyList = response.InfoList;
          });
        } else if(item.categoryname == '时政论坛'){    
          this.policyId = item.categoryid    
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.policyList = response.InfoList;
          });  
        } else if(item.categoryname == '中央'){ 
          this.centerId = item.categoryid       
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.centerList = response.InfoList;
          });
        } else if(item.categoryname == '军队'){ 
          this.junduiId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.junduiList = response.InfoList;
          });
        } else if(item.categoryname == '省市'){ 
          this.proviceId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.proviceList = response.InfoList;
          });
        } else if(item.categoryname == '基层风采'){ 
          this.basciId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 6).then((response) => {
            this.basciList = response.InfoList;
          });
        } else if(item.categoryname == '工作安排'){ 
          this.workId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 7).then((response) => {
            this.workdetail = response.InfoList[0];
            this.workList = response.InfoList.slice(1,7);
          });
        } else if(item.categoryname == '政策法规'){ 
          this.layerId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 10).then((response) => {
            this.layerList = response.InfoList
          });
        } else if(item.categoryname == '安全视窗'){ 
          this.safeId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 10).then((response) => {
            this.safeList = response.InfoList
          });
        } else if(item.categoryname == '表扬激励'){ 
          this.prodId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 10).then((response) => {
            this.prodList = response.InfoList
          });
        } else if(item.categoryname == '心得驿站'){ 
          this.heartId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 10).then((response) => {
            this.heartDetail = response.InfoList[0]
            this.heartList = response.InfoList.slice(1,7)
          });
        } else if(item.categoryname == '影视专栏'){ 
          this.vedioId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 5).then((response) => {
            this.vedioDetail = response.InfoList[0]
            this.vedioList = response.InfoList.slice(1,5)
          });
        } else if(item.categoryname == '东总周会'){ 
          this.weekId = item.categoryid     
          listpassInfo(item.categoryid, "", 1, 8).then((response) => {
            this.dzzh_list = response.InfoList
          });
        } else if(item.categoryname == '党课集萃'){  
          this.classId = item.categoryid        
          listpassInfo(item.categoryid, "", 1, 8).then((response) => {
            this.tkjc_list = response.InfoList
          });
        } else if(item.categoryname == '精武强能'){ 
          this.jwqnId = item.categoryid       
          listpassInfo(item.categoryid, "", 1, 7).then((response) => {
            this.jwqn_list = response.InfoList;
          });
        } else if(item.categoryname == '基层服务公示栏'){ 
          this.serveId = item.categoryid         
          listpassInfo(item.categoryid, "", 1, 7).then((response) => {
            if(response.InfoList.length > 0){
              this.servedetail = response.InfoList[0];
              this.serveList = response.InfoList.slice(1,7);
            }
            
          });
        } else if (item.categoryname == '感染管理'){
          this.grgl_id = item.categoryid
        } else if (item.categoryname == '质量药品动态'){
          this.ypzldt_id = item.categoryid
        }
      });
    },

    goNever(){
      this.$alert('该功能正在开发中！', '提示', {
        confirmButtonText: '确定',
        callback: action => {              
        }
      });
    },
    choice(index) {
      this.status = index;
    },
    choice1(index) {
      this.status1 = index;
      if(index == 0){
        this.gsId = this.noticeList[0].categoryid
      } else {
        this.gsId = this.gongshiList[0].categoryid
      }
    },
    goNote(index){
      let routeUrl = this.$router.resolve({
        path:'/list',
        query:{catid:this.gongshiList[0].categoryid}
      })  
      window.open(routeUrl.href, ' blank');
    },
    choice2(index) {
      this.status2 = index;
      if(index == 0){
        this.junnews_id = this.amyList[0].categoryid
      } else {
        this.junnews_id = this.policyList[0].categoryid
      }
    },
    choice3(index, id) {
      this.status3 = index;
      this.threeId = id;
      if(index == 0){
        this.threeId = this.centerId
      } else if (index == 1){
        this.threeId = this.junduiId
      } else if (index == 2){
        this.threeId = this.proviceId
      }
    },
    choice4(index) {
      this.status4 = index;
      if(index == 0){
        this.safe_id = this.layerList[0].categoryid
      } else {
        this.safe_id = this.safeList[0].categoryid
      }
    },
    choiceTz(index) {
      this.statusTz = index;
      if(index == 0){
        this.dongTai_id = this.yydt_list[0].categoryid
      } else {
        this.dongTai_id = this.teachlist[0].categoryid
      }
    },
    goDongtai(){
      let routeUrl = this.$router.resolve({
        path:'/list',
        query:{catid:this.dongTai_id}
      })  
      window.open(routeUrl.href, ' blank');
    },

    moveCarousel(direction) {
      // Find a more elegant way to express the :style. consider using props to make it truly generic
      if (direction === 1 && !this.atEndOfList) {
        this.currentOffset -= this.paginationFactor;
      } else if (direction === -1 && !this.atHeadOfList) {
        this.currentOffset += this.paginationFactor;
      }
    },

    goList(id){
      // this.$router.push({
      //     path:'/list',
      //     query: {
			// 			catid: id
			// 		}
      // });
      let routeUrl = this.$router.resolve({
        path:'/list',
        query:{catid:id}
      })  
      window.open(routeUrl.href, ' blank');
    },




    // 获取地址栏的参数
    GetQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) {
        return decodeURI(r[2]);
      } else {
        return null;
      }
    },
  },
};
</script>
<style lang="scss" scoped>
  .warp {
    width: 130px * 4 - 10;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    ul {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      &.ul-item {
        display: flex;
        .li-item {
          width: 120px;
          height: 120px;
          margin-right: 10px;
          line-height: 120px;
          background-color: #999;
          color: #fff;
          text-align: center;
          font-size: 30px;
        }
      }
    }
  }
</style>

